import { StyleSheet } from 'react-native';
import { primaryColor } from '@/constants/Colors';
import { hexToRgba } from '@/utils/helper';

export default StyleSheet.create({
  container: {
    flex: 1,
  },
  tabs: {
    paddingBottom: 6,
    flexDirection: 'row',
    justifyContent: 'center',
    borderBottomWidth: 1,
    borderBottomColor: '#ececec'
  },
  tab: {
    height: 48,
    marginRight: 20,
    alignItems: 'center',
    justifyContent: 'center'
  },
  tabLast: {
    marginRight: 0
  },
  tabText: {
    color: '#999',
    fontSize: 16,
    fontWeight: '600'
  },
  tabTextActive: {
    color: primaryColor,
  },
  tabIn: {
    width: 20,
    height: 2,
    marginTop: 6,
    position: 'absolute',
    left: '50%',
    bottom: 5,
    borderRadius: 1,
    transform: [{ translateX: '-50%' }],
    backgroundColor: primaryColor
  },
  search: {
    position: 'absolute',
    right: 16,
    top: 12,
    width: 28,
    height: 28,
    alignContent: 'center',
    justifyContent: 'center'
  }
});